<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Tỷ giá ngoại tệ</title>

    <!-- jQuery references -->
    <link href="css/themes/default/jquery.mobile-1.2.0.min.css" rel="stylesheet" />
    <link href="css/jqm-docs.css" rel="stylesheet" />
    <script src="js/jquery.js"></script>
    <script src="js/jquery.mobile-1.2.0.min.js"></script>

    <!-- Wikilookup references -->
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script type="text/javascript" src="js/index.js"></script>

    <!-- PhoneGap references -->
    <script type="text/javascript" src="cordova-2.5.0.js"></script>
</head>


<body>
    <div data-role="page" class="type-interior" style="overflow: hidden;">
        <!-- Start Header -->
        <div data-role="header" data-theme="f" class="ntcHeader" data-position="fixed">
            <h1 style="text-transform: capitalize;"><b>TỶ GIÁ</b></h1>
            <a href="start.html" data-ajax="false" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
            <a href="about.html" data-icon="info" data-iconpos="notext" data-transition="slideup">About</a>
        </div>
        <!-- End Header -->

        <!-- Start Content -->
      
 
 

        <script type="text/javascript">
            var db = window.openDatabase("Wikilookup", "1.0", "Chu Nguyen Wikilookup", 500000);
            var sqlStr = "Unknown query string";
            var mien, link, tinh, ngay, ketqua;

            db.transaction(createTableKQXS, errorCB, successCB);

           
            // Tra cứu kết quả theo tỉnh ------------------------------------------------------------------------------------------------------------------------KQXS002
            $("#tinh").bind("change", function (event, ui) {
                // Wait for Cordova to load
                document.addEventListener("deviceready", onDeviceReady, false);

                // Cordova is ready
                function onDeviceReady() {
                    // 1. Lấy thông tin lưu xuống database rồi lại truy vấn ngày nếu có kết nối internet
                    if (!(navigator.network.connection.type == Connection.NONE || navigator.network.connection.type == Connection.UNKNOWN)) {
                        $.get(link, function (data) {
                            var $xml = $(data);
                            var listSqlStr = new Array();
                            var count = 0;

                            // Lấy các item trong RSS kết quả xổ số
                            $xml.find("item").each(function () {
                                var $this = $(this),
                                    item = {
                                        description: $this.find("description").text(),
                                        link: $this.find("link").text()
                                    }
                                var ngay = getDateFromLink(item.link);
                                ketqua = item.description;
                                listSqlStr[listSqlStr.length] = 'INSERT INTO KETQUAXOSO (mien, tinh, ngay, ketqua) VALUES ("' + mien + '","' + tinh + '","' + ngay + '","' + ketqua + '")';
                                db.transaction(function (tx) { tx.executeSql(listSqlStr[count++]); db.transaction(getListDayKQXS, errorCB); }, errorCB, successCB);
                            });
                        });
                        return;
                    }

                    // 2. Nếu không có kết nối internet thì truy vấn lấy kết quả thôi
                    db.transaction(getListDayKQXS, errorCB);
                }
            });
            // --------------------------------------------------------------------------------------------------------------------------------------------------KQXS002

           
            // Tạo bảng kết quả xổ số
            function createTableKQXS(tx) {
                sqlStr = 'CREATE TABLE IF NOT EXISTS KETQUAXOSO (mien, tinh, ngay, ketqua, PRIMARY KEY(tinh, ngay))';
                tx.executeSql(sqlStr);
            }

            // Lấy kết quả là danh sách ngày theo tỉnh
            function getListDayKQXS(tx) {
                sqlStr = "SELECT ngay FROM KETQUAXOSO WHERE tinh = '" + tinh + "'";
                tx.executeSql(sqlStr, [], getListDayKQXSSuccess, errorCB);
            }

            // Trả kết quả danh sách ngày theo tỉnh và list
            function getListDayKQXSSuccess(tx, results) {
                var length = results.rows.length;
                $("#ngay option").remove();
                $('#ngay').append('<option>Chọn ngày xổ số</option>');

                // Đưa vào danh sách ngày
                for (var i = length - 1; i >= 0; i--) {
                    var data = results.rows.item(i).ngay;
                    var dateObj = new Date(data);
                    $('#ngay').append('<option value="' + data + '">' + data + "/" + dateObj.toDateString() + '</option>');
                }

                // Làm mới danh mục ngày
                $("#ngay").selectmenu('refresh');
            }

            // Lấy kết quả trả về theo tỉnh, ngày
            function getListKetQuaKQXS(tx) {
                sqlStr = "SELECT ketqua FROM KETQUAXOSO WHERE tinh = '" + tinh + "' and ngay = '" + ngay + "'";
                tx.executeSql(sqlStr, [], getListKetQuaKQXSSuccess, errorCB);
                $("#kq").show();
                document.getElementById("titlekq").innerHTML = "<b>" + tinh + " " + ngay + "</b>";
            }

            // Trả kết quả danh sách ngày theo tỉnh và list
            function getListKetQuaKQXSSuccess(tx, results) {
                var data = results.rows.item(0).ketqua;
                var x = data;
                x = x.replace('ĐB: ', '<div>Giải đặc biệt: ');
                x = x.replace('1: ', '</div><div>Giải nhất: ');
                x = x.replace('2: ', '</div><div>Giải nhì: ');
                x = x.replace('3: ', '</div><div>Giải ba: ');
                x = x.replace('4: ', '</div><div>Giải tư: ');
                x = x.replace('5: ', '</div><div>Giải năm: ');
                x = x.replace('6: ', '</div><div>Giải sáu: ');
                x = x.replace('7: ', '</div><div>Giải bảy: ');
                x = x.replace('8: ', '</div><div>Giải tám: ');
                data = x + '</div>';
                document.getElementById("valuekq").innerHTML = data;
            }

            // Transaction error callback
            function errorCB(err) {
                console.log("ChuwxNTC - Error processing SQL: " + err);
            }

            // Transaction success callback
            function successCB() {
                console.log("ChuwxNTC - SQLite success");
            }
        </script>
        <!-- End Content -->

        <!-- Start Footer -->
        <div data-role="footer" data-position="fixed">
            <div data-role="navbar" data-iconpos="right">
                <ul>
                    <li><a data-ajax="false" href="index.html" data-transition="none" data-icon="grid">Địa điểm</a></li>
                    <li><a data-transition="none" data-icon="search" class="ui-btn-active ui-state-persist">Tra cứu</a></li>
                    <li><a data-ajax="false" href="settings.html" data-transition="none" data-icon="gear">Cài đặt</a></li>
                </ul>
            </div>
        </div>
        <!-- End Footer -->
    </div>
</body>
</html>
